<template>
    <h2>列表渲染</h2>
    <ul>
        <li v-for="item in arr">{{ item }}</li>
    </ul>

    <ol  v-for="item in stuInfo">
        <li>{{ item.Sname }}</li>
        <li>{{ item.Sage }}</li>
        <li>{{ item.Ssex }}</li>
    </ol>
</template>
<script setup lang="ts">
//创建数组
const arr:number[] = [1,2,3,4,5,6,7,8,9,10];

//初始化四个学生的基本信息  学生的基本信息包含(姓名、年龄、性别) []:数组    {}:对象

    const stuInfo=[
        {
            Sname:'张三',
            Sage:28,
            Ssex:'男'
        },
        {
            Sname:'李四',
            Sage:20,
            Ssex:'女'
        },
        {
            Sname:'王五',
            Sage:42,
            Ssex:'男'
        },
        {
            Sname:'赵六',
            Sage:24,
            Ssex:'女'
        }

    ]
</script>



